/* @flow */
// import {Container, Header, Title, Button, Icon, Footer} from 'native-base';
import React, { Component } from 'react';
import { Button, Avatar } from 'react-native-elements';
import {
  View,
  Text,
  StyleSheet,
} from 'react-native';

export default class LXMathApp extends Component {
  render() {
    return (
      <View style={styles.containers}>
          <Text style={styles.textStyle}>测试</Text>
            <Avatar
    small
    rounded
    source={{uri: "https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg"}}
    onPress={() => console.log("Works!")}
    activeOpacity={0.7}
  />
          <Button text='测试Button'>test</Button>
      </View>

    );
  }
}

const styles = StyleSheet.create({
  containers: {
    flex: 1,
    backgroundColor: 'rgb(244, 192, 245)',
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
  },
  textStyle:{
    color: 'rgb(255, 255, 255)',
  }
});
